<template>
    <div>
        <home-header></home-header>
        <work-status></work-status>
        <warning-chart></warning-chart>
        <problem-speake></problem-speake>
        <abnormal-warning></abnormal-warning>
        <div class="bottom">
            <div>分享</div>
            <div>生成监测报告</div>
        </div>
    </div>
</template>

<script>
import HomeHeader from '../components/HousingView/HomeHeader.vue';
import WorkStatus from '../components/HousingView/WorkStatus.vue';
import WarningChart from '@/components/HousingView/WarningChart.vue';
import ProblemSpeake from '@/components/HomeView/ProblemSpeake.vue';
import AbnormalWarning from '@/components/HousingView/AbnormalWarning.vue';
// import AbnormalWarning from '@/components/HomeView/AbnormalWarning.vue';
export default {
   //import引入的组件需要注入到对象中才能使用
  components: {HomeHeader,WorkStatus, WarningChart,ProblemSpeake, AbnormalWarning,},
  data() {
  //这里存放数据
    return {

    };
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {

  },
  beforeCreate() {}, //生命周期 - 创建之前
  created() {}, //生命周期 - 创建完成（可以访问当前this实例）
  beforeMount() {}, //生命周期 - 挂载之前
  mounted() {}, //生命周期 - 挂载完成（可以访问DOM元素）
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>

<style scoped lang="less">
.bottom{
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 20px;
  div{
    width: 100px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    background-color: #fff;
    line-height: 30px;
    border: 1px solid #666;
    border-radius: 10px;
    margin-left: 20px;
  }
}
</style>